<template>
<div class="ai-cell">
	<div class="ai-cell-title">{{title}}</div>
	<div :class="['ai-cell-value',+ (content.trim().length>0)?'ai-blue':'ai-eee']" :title="content">{{value}}</div>
</div>
</template>

<script setup lang="ts">
let props = defineProps({
	title: {
		type: String,
		default: '',
	},
	value: {
		default: '',
	},
	content: {
		default: '',
	},
})
</script>

<style scoped lang="scss">
.ai-blue{
	color:#4165D7
}
.ai-eee{
	color:#848181
}
.ai-cell{
	display: flex;
	.ai-cell-title{
		white-space: nowrap;
	}
	.ai-cell-value{
       margin-left: 8px;
	}
}
</style>
